{layout name="p/base"}
    <div class="row">
      <div class="col-lg-12">
        <h1>管理首页 <small class="hidden-xs">统计近期订单量等信息</small></h1>
        <ol class="breadcrumb">
          <li class="active"><i class="fa fa-dashboard"></i> 管理首页</li>
        </ol>
        <div class="alert alert-success alert-dismissable">
          <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
          欢迎来到 <a class="alert-link" href="http://www.shsytour.com/">双辉旅程网</a>后台管理! 
        </div>
      </div>
    </div><!-- /.row -->

    <div class="row">
      <div class="col-lg-3">
        <div class="panel panel-info">
          <div class="panel-heading">
            <div class="row">
              <div class="col-xs-6">
                <i class="fa fa-comments fa-5x"></i>
              </div>
              <div class="col-xs-6 text-right">
                <h2>{$order_count}</h2>
                <p class="announcement-text"><br>订单量</p>
              </div>
            </div>
          </div>
          <a href="/orders/indexpay">
            <div class="panel-footer announcement-bottom">
              <div class="row">
                <div class="col-xs-6">
                  查看订单
                </div>
                <div class="col-xs-6 text-right">
                  <i class="fa fa-arrow-circle-right"></i>
                </div>
              </div>
            </div>
          </a>
        </div>
      </div>
      <div class="col-lg-3">
        <div class="panel panel-warning">
          <div class="panel-heading">
            <div class="row">
              <div class="col-xs-6">
                <i class="fa fa-check fa-5x"></i>
              </div>
              <div class="col-xs-6 text-right">
                <h2>{$user_count}</h2>
                <p class="announcement-text"><br>加入会员</p>
              </div>
            </div>
          </div>
          <a href="/user/userlist">
            <div class="panel-footer announcement-bottom">
              <div class="row">
                <div class="col-xs-6">
                  查看会员
                </div>
                <div class="col-xs-6 text-right">
                  <i class="fa fa-arrow-circle-right"></i>
                </div>
              </div>
            </div>
          </a>
        </div>
      </div>
      <div class="col-lg-3">
        <div class="panel panel-danger">
          <div class="panel-heading">
            <div class="row">
              <div class="col-xs-6">
                <i class="fa fa-tasks fa-5x"></i>
              </div>
              <div class="col-xs-6 text-right">
                <h2>{$camp_name}</h2>
                <p class="announcement-text"><br>营地管理</p>
              </div>
            </div>
          </div>
          <a href="/camp">
            <div class="panel-footer announcement-bottom">
              <div class="row">
                <div class="col-xs-6">
                  查看统计
                </div>
                <div class="col-xs-6 text-right">
                  <i class="fa fa-arrow-circle-right"></i>
                </div>
              </div>
            </div>
          </a>
        </div>
      </div>
      <div class="col-lg-3">
        <div class="panel panel-success">
          <div class="panel-heading">
            <div class="row">
              <div class="col-xs-6">
                <i class="fa fa-comments fa-5x"></i>
              </div>
              <div class="col-xs-6 text-right">
                <h2>{$caravan_count}</h2>
                <p class="announcement-text">房车数量<br>统计</p>
              </div>
            </div>
          </div>
          <a href="/caravan">
            <div class="panel-footer announcement-bottom">
              <div class="row">
                <div class="col-xs-6">
                  查看房车
                </div>
                <div class="col-xs-6 text-right">
                  <i class="fa fa-arrow-circle-right"></i>
                </div>
              </div>
            </div>
          </a>
        </div>
      </div>
    </div><!-- /.row -->

    <div class="row">
      <div class="col-lg-4">
        <div class="panel panel-primary">
          <div class="panel-heading">
            <h3 class="panel-title"><i class="fa fa-long-arrow-right"></i> 2014年自驾出游主要目的</h3>
          </div>
          <div class="panel-body">
            <div id="morris-chart-donut"></div>
            <div class="text-right">
              <a href="#">View Details <i class="fa fa-arrow-circle-right"></i></a>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4">
        <div class="panel panel-primary">
          <div class="panel-heading">
            <h3 class="panel-title"><i class="fa fa-clock-o"></i> 最新动态</h3>
          </div>
          <div class="panel-body">
            <div class="list-group">
              <a href="#" class="list-group-item">
                <span class="badge">just now</span>
                <i class="fa fa-calendar"></i> 新注册会员
              </a>
              <a href="#" class="list-group-item">
                <span class="badge">4 minutes ago</span>
                <i class="fa fa-comment"></i> 会员入住成功
              </a>
              <a href="#" class="list-group-item">
                <span class="badge">23 minutes ago</span>
                <i class="fa fa-truck"></i> 会员退车成功
              </a>
              <a href="#" class="list-group-item">
                <span class="badge">46 minutes ago</span>
                <i class="fa fa-money"></i> 登陆管理员账号
              </a>
              <a href="#" class="list-group-item">
                <span class="badge">1 hour ago</span>
                <i class="fa fa-user"></i> A new user has been added
              </a>
              <a href="#" class="list-group-item">
                <span class="badge">2 hours ago</span>
                <i class="fa fa-check"></i> Completed task: "pick up dry cleaning"
              </a>
              <a href="#" class="list-group-item">
                <span class="badge">yesterday</span>
                <i class="fa fa-globe"></i> Saved the world
              </a>
              <a href="#" class="list-group-item">
                <span class="badge">two days ago</span>
                <i class="fa fa-check"></i> Completed task: "fix error on sales page"
              </a>
            </div>
            <div class="text-right">
              <a href="#">查看所有动态 <i class="fa fa-arrow-circle-right"></i></a>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4">
        <div class="panel panel-primary">
          <div class="panel-heading">
            <h3 class="panel-title"><i class="fa fa-money"></i> 订单动态</h3>
          </div>
          <div class="panel-body">
            <div class="table-responsive">
              <table class="table table-bordered table-hover table-striped tablesorter">
                <thead>
                  <tr>
                    <th>Order # <i class="fa fa-sort"></i></th>
                    <th>Order Date <i class="fa fa-sort"></i></th>
                    <th>Order Time <i class="fa fa-sort"></i></th>
                    <th>Amount (USD) <i class="fa fa-sort"></i></th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>3326</td>
                    <td>10/21/2013</td>
                    <td>3:29 PM</td>
                    <td>$321.33</td>
                  </tr>
                  <tr>
                    <td>3325</td>
                    <td>10/21/2013</td>
                    <td>3:20 PM</td>
                    <td>$234.34</td>
                  </tr>
                  <tr>
                    <td>3324</td>
                    <td>10/21/2013</td>
                    <td>3:03 PM</td>
                    <td>$724.17</td>
                  </tr>
                  <tr>
                    <td>3323</td>
                    <td>10/21/2013</td>
                    <td>3:00 PM</td>
                    <td>$23.71</td>
                  </tr>
                  <tr>
                    <td>3322</td>
                    <td>10/21/2013</td>
                    <td>2:49 PM</td>
                    <td>$8345.23</td>
                  </tr>
                  <tr>
                    <td>3321</td>
                    <td>10/21/2013</td>
                    <td>2:23 PM</td>
                    <td>$245.12</td>
                  </tr>
                  <tr>
                    <td>3320</td>
                    <td>10/21/2013</td>
                    <td>2:15 PM</td>
                    <td>$5663.54</td>
                  </tr>
                  <tr>
                    <td>3319</td>
                    <td>10/21/2013</td>
                    <td>2:13 PM</td>
                    <td>$943.45</td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div class="text-right">
              <a href="#">View All Transactions <i class="fa fa-arrow-circle-right"></i></a>
            </div>
          </div>
        </div>
      </div>
    </div><!-- /.row -->
    
    <div class="row">
      <div class="col-lg-12">
        <div class="panel panel-primary">
          <div class="panel-heading">
            <h3 class="panel-title"><i class="fa fa-bar-chart-o"></i> 订单数量趋势: 十月 1, 2015 - 十月 31, 2015</h3>
          </div>
          <div class="panel-body">
            <div id="morris-chart-area"></div>
          </div>
        </div>
      </div>
    </div><!-- /.row -->
